<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<title></title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
</head>
<body>
  <!--广东省 深圳市 南山区-->
<input type="text" placeholder="" readonly="readonly" value="" class="txt region" style="display:block; width:3rem; height:0.8rem; background:#fff; border:1px solid #ddd; margin:1rem auto; text-align:center; font-size:0.24rem; color:#666; " />
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.region.js"></script>
<script src="js/swiper.3.1.7.jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".region").region();
    });
</script>
</body>
</html>
